//拿到存放在session中某一列的id值
let id = sessionStorage.getItem("id");

$(function () {

    //将选中的一行数据填充到编辑页面
    $.ajax({
        url: 'http://localhost:8080/back/user/findById',
        data: {id: id},
        headers:{'username':localStorage.getItem("loginUser")},
        dataType: 'json',
        success: function (res) {
            console.log("打开修改后端返回的数据", res)
            if (res.msg == "success") {
                //数据填充到选中修改的字段界面
                setData(res);
            } else {
                layer.alert("数据填充失败");
            }
        }
    })
})

//数据填充到选中修改的字段界面
function setData(res){

    layui.use(['form'], function () {
        let form = layui.form;
        let hobbies = res.data.hobby.split(",");
        console.log("爱好",hobbies);
        $("#L_username").val(res.data.username);
        $("#L_pass").val(res.data.password)

        //一定要渲染一次,让数据填充成功
        form.render();

    })


}


layui.use(['form', 'layer', 'jquery', 'laydate'],
    function () {
        $ = layui.jquery;
        var form = layui.form,
            layer = layui.layer;
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#birthday' //指定元素
            , trigger: 'click'
        });

        //自定义验证规则
        form.verify({
            pass: [/(.+){6,12}$/, '密码必须6到12位'],
            repass: function (value) {
                if ($('#L_pass').val() != $('#L_repass').val()) {
                    return '两次密码不一致';
                }
            }
        });

        //监听修改提交
        form.on('submit(edit)',
            function (data) {
                //js向对象中添加新的属性
                data.field.id  = id;
                // console.log(data.field);

                $.ajax({
                    url:"http://localhost:8080/back/user/update",
                    type:"post",
                    data:JSON.stringify(data.field),//将对象转成json字串
                    contentType: 'application/json',//设置请求头表示发送json数据
                    dataType:"json",
                    success:function (res) {
                        if (res.msg == "success") {
                            //发异步，把数据提交给php
                            layer.alert("修改成功", {
                                    icon: 6
                                },
                                function () {
                                    //关闭当前frame
                                    xadmin.close();

                                    // 可以对父窗口进行刷新
                                    xadmin.father_reload();
                                });
                        } else {
                            layer.alert("修改失败");
                        }
                    }
                })



                return false;
            });

    });